<!doctype html>
<html class="no-js fixed-layout">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Job-Posted</title>
  <meta name="description" content="EmployerManager">
  <meta name="keywords" content="Job-Posted">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="assets/css/admin.css">
  <link rel="stylesheet" href="assets/css/custom.css">
<style  type="text/css">

/*div[class="am-form-group"] input
{
  height: 32px;
  line-height: 16px;
  padding: 6px 10px;
  border: solid 1px #cdcdcd;
  color: #4b4b4b;
  font-size: 14px;
  vertical-align: top;
}*/
label
{
font-family: sans-serif;
}
div[name]
  {
    padding: 20px,10px,10px,20px;
  }
  h2
  {
    margin: 10px;
    padding: 10px;
    font-family: sans-serif;
    background-color:#F0FFFF;
  }

</style>
</head>
<body>
<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->

<header class="am-topbar admin-header">
  <div class="am-topbar-brand">
    <h1 class="am-topbar-brand">
    <a href="#" class="am-text-ir">Amaze UI</a>
  </h1>
<small>商家版</small>

  </div>

  <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>

  <div class="am-collapse am-topbar-collapse" id="topbar-collapse">

    <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
      <li class="am-dropdown" data-am-dropdown>
        <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
          <span class="am-icon-users"></span> 雇主 <span class="am-icon-caret-down"></span>
        </a>
        <ul class="am-dropdown-content">
          <li><a href="#"><span class="am-icon-user"></span> 资料</a></li>
          <li><a href="#"><span class="am-icon-cog"></span> 设置</a></li>
          <li><a href="./EmployerLogin.html"><span class="am-icon-power-off"></span> 退出</a></li>
        </ul>
      </li>
      <li class="am-hide-sm-only"><a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> <span class="admin-fullText">开启全屏</span></a></li>
    </ul>
  </div>
</header>

<div class="am-cf admin-main">
  <!-- sidebar start -->
  <div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
    <div class="am-offcanvas-bar admin-offcanvas-bar">


      <ul class="am-list admin-sidebar-list">
      <li><a href="Job-Posted.html"><button class="am-btn am-btn-warning  am-btn-block">发布职位</button></a></li>
        <li><a href="EmployerManager.html"><span class="am-icon-home" ></span> 首页</a></li>

        <li class="admin-parent">
          <a class="am-cf" data-am-collapse="{target: '#collapse-nav'}"><span class="am-icon-file"></span> 职位管理 <span class="am-icon-angle-right am-fr am-margin-right"></span></a>
          <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav">
            <li><a href="JobUnderReview.html" class="am-cf"><span class="am-icon-check"></span> 待审核<span class="am-badge am-badge-success am-margin-right am-fr">5</span></span></a></li>
            <li><a href="JobWorking.html"><span class="am-icon-puzzle-piece"></span> 进行中<span class="am-badge am-badge-danger am-margin-right am-fr">5</span></a></li>
            <li><a href="JobFinished.html"><span class="am-icon-th"></span> 已经结束<span class="am-badge am-badge-secondary am-margin-right am-fr">5</span></a></li>
        </ul>

        <li><a href="admin-form.html"><span class="am-icon-money"></span> 我的钱包</a></li>
      </ul>
    </div>
  </div>
  <!-- sidebar end -->

  <!-- content start -->
  <div class="admin-content">
    <form  action="" method="post" class="am-form am-form-horizontal">
      <fieldset>
        <legend>职位信息</legend>

<div name="baseInfo" >
 <h2>基本信息</h2>
      <div class="am-form-group">
        <label for="JobName" class="am-u-sm-2 am-form-label">职位名称</label>
        <input type="text"  class="am-form-field" id="JobName" placeholder="职位名称不能超过15个字"  style="width:35%"/>

      </div>
      <div class="am-form-group">
        <label for="JobType" class="am-u-sm-2 am-form-label" >工作类型</label>
        <select id="JobType"  class="am-form-field " style="width:15%">
          <option value="option1">传单派发</option>
          <option value="option2">促销导购</option>
          <option value="option3">话务客服</option>
          <option value="option4">礼仪模特</option>
          <option value="option5">老师家教</option>
          <option value="option6">服务员</option>
          <option value="option7">问卷调查</option>
          <option value="option8">审核录入</option>
          <option value="option9">地推拉访</option>
          <option value="option0">其它</option>
        </select>
      </div >
         <div class="am-form-group">
        <label for="place" class="am-u-sm-2 am-form-label">工作城市</label>
              <div id="place">
              <select id="s_province" name="s_province" class="am-inline" style="width:10%"></select>&nbsp;&nbsp;
              <select id="s_city" name="s_city" class="am-inline"  style="width:10%"></select>&nbsp;&nbsp;
              <select id="s_county" nam e="s_county" class="am-inline"  style="width:10%"></select>
              <script class="resources library" src="./assets/js/area.js" type="text/javascript"></script>
              <script type="text/javascript">_init_area();</script>
            </div>
          </div>
</div>
<div name="times">
  <h2>工作时间</h2>
                      <div class="am-form-group">
                      <label for="JobDateFrom"  class="am-u-sm-2 am-form-label am-inline">工作日期</label>
                
                      <input type="Date" class="am-form-field am-inline" id="JobDateFrom"    class="am-form-field" style="width:15%"/>

                      <label for="JobDateTo"  class="am-form-label am-inline">到</label>
                      <input type="Date" class="am-form-field am-inline" style="width:15%" id="JobDateTo" />
                    </div>
                    <div class="am-form-group">
                      <label for="JobTimeFrom"  class="am-u-sm-2 am-form-label">工作时间</label>
                      <input type="time"class="am-form-field am-inline" style="width:15%" id="JobTimeFrom" />
                      <label for="JobTimeTo" class="am-form-label">到</label>
                      <input type="time" class="am-form-field am-inline" style="width:15%" id="JobTimeTo" />
                    </div>
                    <div class="am-form-group"  class="am-u-sm-2 am-form-label">
                      <label for="JobComment" class="am-u-sm-2 am-form-label">备注</label>
                      <input type="text" class="am-form-field am-inline" style="width:45%" id="JobComment" >
                    </div>
    </div>

    <div name="employee">
      <h2>人员要求</h2>
      <div class="am-form-group">
        <label for="JobEmployeeNeed"  class="am-u-sm-2 am-form-label">招聘人数</label>
        <input type="text" class="am-form-field" style="width:10%" id="JobEmployeeNeed" />
      </div>
      <div class="am-form-group" >
        <label for="EmployeeSex"  class="am-u-sm-2 am-form-label">性别要求</label>

          <select id="EmployeeSex" name="EmployeeSex"  class="am-form-field" style="width:10%">
            <option value="male">男</option>
            <option value="female">女</option>
            <option value="no-limit">不限</option>
          </select>
        </div>
    </div>
 <div name="reward">
<h2>薪资待遇</h2>
   <div class="am-form-group">
     <label for="PayOnce"  class="am-u-sm-2 am-form-label am-inline">底薪</label>
       <select id="PayOnce" name="PayOnce" class="am-form-field am-inline" style="width:10%">
         <option value="male">天</option>
         <option value="female">周</option>
         <option value="no-limit">小时</option>
         <option value="male">次</option>
         <option value="female">个</option>
         <option value="no-limit">件</option>
       </select>
         <input type="text"  name="paymoneyOnce" class="am-form-field am-inline" style="width:5%" />元
     </div>
     <div class="am-form-group">
       <label for="JobCommission"  class="am-u-sm-2 am-form-label">提成</label>

      <textarea  rows="5" type="text" id="JobCommission" class="am-form-field am-inline" style="width:45%"  placeholder="输入填写提成信息，如果没有请勿填写，限制30字"></textarea>
     </div>
     <div class="am-form-group">
       <label for="TimeInaDay"  class="am-u-sm-2 am-form-label">每日工作时长</label>
       <input type="text" class="am-form-field am-inline" style="width:5%"  id="TimeInaDay" > 小时
     </div>
        <div class="am-form-group">
     <label for="PayPeriod"  class="am-u-sm-2 am-form-label">结算周期</label>
       <select id="PayPeriod" name="PayOnce" class="am-form-field am-inline" style="width:10%" >
         <option value="male">日结</option>
         <option value="female">周结</option>
         <option value="no-limit">半月结</option>
         <option value="male">月结</option>
         <option value="female">完工结</option>
       </select>

     </div>
     <div class="am-form-group">
       <label for="RewardComment"  class="am-u-sm-2 am-form-label">备注</label>
       <input type="text" id="RewardComment"  class="am-form-field am-inline" style="width:45%" >
     </div>
 </div>


<div name="JobRequirement">
  <h2>工作要求</h2>
  <div class="am-form-group">
    <label for="JobContent" class="am-u-sm-2 am-form-label">工作内容</label>
      <textarea  rows="5"  id="JobContent" class="am-form-field am-inline" style="width:45%"  placeholder="请输入工作内容"></textarea>

  </div>

  <div class="am-form-group">
    <label for="JobRequirement" class="am-u-sm-2 am-form-label">岗位要求</label>
    <textarea  rows="5"  id="JobRequirement" class="am-form-field am-inline" style="width:45%"  placeholder="请输入职位要求"></textarea>
  <!-- <textarea row="5"  id="JobRequirement"  class="am-form-field" style="width:45%"  placeholder="请输入职位要求"></textarea> -->
  </div>
  <div class="am-form-group">
    <label for="JobPlaceAdd" class="am-u-sm-2 am-form-label">工作地点</label>
  <button  id="JobPlaceAdd"  class="am-form-field am-btn am-icon-plus am-btn-danger am-btn-xs" style="width:10%"></button>
   <!-- <button class="am-btn am-icon-plus am-btn-danger ">工作地点</button> -->
     </div>
 </div>

 <div name="InterviewRequirement">
   <h2>面试要求</h2>
   <div class="am-form-group">
<label  class="am-u-sm-2 am-form-label">
<input type="radio"  value="" name="InterviewRequirementNo" class="am-radio-inline">无要求
</label>
<label class="am-form-label">
<input type="radio" name="InterviewRequirementYes" class="am-radio-inline">有要求
</label>
</div>

<div class="am-form-group">
  <label for="SignUpDeadline"  class="am-u-sm-2 am-form-label">截至日期</label>
  <input type="Date"class="am-form-field am-inline" style="width:15%" id="SignUpDeadline"  />
</div>

 </div>

 <div name="ContactInformation">
   <h2>联系方式</h2>
   <div class="am-form-group">
     <label for="Linkman"  class="am-u-sm-2 am-form-label">联系人</label>
     <input type="text" class="" id="Linkman" class="am-form-field am-inline" style="width:20%" />
   </div>
   <div class="am-form-group">
     <label for="PhoneNum"  class="am-u-sm-2 am-form-label">联系电话</label>
     <input type="text" class="" id="PhoneNum" placeholder="请输入手机号或者工作电话" class="am-form-field am-inline" style="width:20%" />
   </div>
 </div>

<div name="UploadFile">
  <h2>资料上传</h2>
  <div class="am-form-group am-form-file">
    <label for="JobIcon"  class="am-u-sm-2 am-form-label">职位图标</label>
  <button type="button" class="am-btn am-btn-danger am-btn-sm">
    <i class="am-icon-cloud-upload"></i> 选择要上传的文件</button>
  <input id="JobIcon" type="file" name="JobIcon" class="am-form-field am-inline" multiple>

</div>

<div class="am-form-group">
  <button type="submit" class="am-btn am-btn-danger am-btn-xl ">立即提交</button>
</div>
</div>

      </fieldset>
    </form>
  </div>
</body>
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/area.js"></script>
<script type="text/javascript">
function Gid($){
  return document.getElementById($);
}
// var showArea = function(){
//   Gid('show').innerHTML = "<h3>省" + Gid('s_province').value + " - 市" +
//   Gid('s_city').value + " - 县/区" +
//   Gid('s_county').value + "</h3>"
//               }
Gid('s_county').setAttribute('onchange','showArea()');
</script>

</body>
</html>
